<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/add.css">
</head>
<body>
    <div class="box_div">
        <ul class="meau">
            <li id="user">用户管理</li>
            <li id="toBook">图书管理</li>
            <li id="toBorrow">订单管理</li>
            <li id="toreader">读者管理</li>
            <li id="add" class="active">
                新增管理
            </li>
            <li id="back">退出系统</li>
        </ul>
    </div>
    <div class="add_det">
        <div id="a_user" class="come_back">新增用户</div>
        <div id="a_reader" class="come_back">新增读者</div>
        <div id="a_book" class="come_back">新增图书</div>
        <div id="a_borrow" class="come_back">借书</div>
        <div id="a_back" class="come_back">还书</div>
    </div>
    <!-- 新增用户 -->
    <div class="add_user hide" id="user_det">
        <div class="changeInfo">
            <div>新&nbsp;增&nbsp;用&nbsp;户</div>
            <ul>
                <li>
                    <label for="">账号</label>
                    <input type="text" id="new_user"  value="" placeholder="请输入账号...">
                </li>
                <li>
                    <label for="">密码</label>
                    <input type="text" id="new_passr"  value="" placeholder="请输入密码...">
                </li>
                <li>
                    <label for="">管理员</label>
                    <input type="text" id="new_admin" value="" placeholder="请输入是否...">
                </li>
            </ul>
            <div class="btu_box">
                <button id="add_user_btu">确定</button>
                <button class="hide_btu" >取消</button>
            </div>
        </div>
    </div>
    <!-- 新增图书 -->
    <div class="add_book hide" id="book_det">
        <div class="changeInfo_book">
            <div>新&nbsp;增&nbsp;图&nbsp;书</div>
            <ul>
                <li>
                    <label for="">图书名称</label>
                    <input type="text"  value="" placeholder="请输入图书名称...">
                </li>
                <li>
                    <label for="">图书作者</label>
                    <input type="text"  value="" placeholder="请输入图书作者...">
                </li>
                <li>
                    <label for="">出版社</label>
                    <input type="text"  value="" placeholder="请输入出版社...">
                </li>
                <li>
                    <label for="">出版社时间</label>
                    <input type="text"  value="" placeholder="请输入出版社时间...">
                </li>
                <li>
                    <label for="">价格</label>
                    <input type="text"  value="" placeholder="请输入价格...">
                </li>
                <li>
                    <label for="">库存</label>
                    <input type="text"  value="" placeholder="请输入库存...">
                </li>
                <li>
                    <label for="">类型</label>
                    <input type="text"  value="" placeholder="请输入类型...">
                </li>
            </ul>
            <div class="btu_box">
                <button id="add_book_btu">确定</button>
                <button class="hide_btu">取消</button>
            </div>
        </div>
    </div>
    <!-- 新增读者 -->
    <div class="add_reader hide" id="reader_det">
        <div class="changeInfo_reader">
            <div>新&nbsp;增&nbsp;读&nbsp;者</div>
            <ul>
                <li>
                    <label for="">读者姓名</label>
                    <input type="text"  value="" placeholder="请输入读者姓名...">
                </li>
                <li>
                    <label for="">读者年龄</label>
                    <input type="text"  value="" placeholder="请输入读者年龄...">
                </li>
                <li>
                    <label for="">读者性别</label>
                    <input type="text"  value="" placeholder="请输入读者性别...">
                </li>
                <li>
                    <label for="">借阅天数</label>
                    <input type="text"  value="" placeholder="请输入借阅天数...">
                </li>
                <li>
                    <label for="">借阅数量</label>
                    <input type="text"  value="" placeholder="请输入借阅数量...">
                </li>
            </ul>
            <div class="btu_box">
                <button id="add_reader_btu">确定</button>
                <button class="hide_btu">取消</button>
            </div>
        </div>
    </div>
    <!-- 新增订单（借书） -->
    <div class="add_borrow hide" id="borrow_det">
        <div class="changeInfo_borrow">
            <div>借&nbsp;&nbsp;&nbsp;书</div>
            <ul>
                <li>
                    <label for="">读者编号</label>
                    <input type="text"  value="" placeholder="请输入读者编号...">
                </li>
                <li>
                    <label for="">图书名称</label>
                    <input type="text"  value="" placeholder="请输入图书名称...">
                </li>
                <li>
                    <label for="">图书编号</label>
                    <input type="text"  value="" placeholder="请输入图书编号...">
                </li>
                <li>
                    <label for="">借阅天数</label>
                    <input type="text"  value="" placeholder="请输入借阅天数...">
                </li>
            </ul>
            <div class="btu_box">
                <button id="add_borrow_btu">确定</button>
                <button class="hide_btu">取消</button>
            </div>
        </div>
    </div>
    <!-- 还书 -->
    <div class="add_back hide" id="back_det">
        <div class="changeInfo_back">
            <div>还&nbsp;&nbsp;&nbsp;书</div>
            <ul>
                <li>
                    <label for="">读者编号</label>
                    <input type="text"  value="" placeholder="请输入读者编号...">
                </li>
                <li>
                    <label for="">图书名称</label>
                    <input type="text"  value="" placeholder="请输入图书名称...">
                </li>
                <li>
                    <label for="">图书编号</label>
                    <input type="text"  value="" placeholder="请输入图书编号...">
                </li>
            </ul>
            <div class="btu_box">
                <button id="add_back_btu">确定</button>
                <button class="hide_btu">取消</button>
            </div>
        </div>
    </div>
</body>
<script src="../../js/jq.js"></script>
<script src="../../js/aj.js"></script>
<script src="../../js/add.js"></script>
<script src="../../js/common_header.js"></script>
</html>